<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>汤汤专属</title>
  <link type="text/css" rel="stylesheet" href="style.css" />
  <style>
    .content video {
      width: 100%;
      height: 600px;
      display: block;
      margin-top: 15px;
      object-fit: cover;
    }
    .content h2{
      margin-top: 15px;
    }
  </style>
</head>
<body>
  <div class="wrapin">
    <!--头部-->
    <header>
      <ul class="nav">
        <li><a href="index.html">首页</a></li>
        <li><a href="juqing.html">剧情简介</a></li>
        <li><a href="juese.html">主人公介绍</a></li>
        <li><a href="tupian.html">图片鉴赏</a></li>
        <li><a href="jingcai.html">精彩片段</a></li>
      </ul>
    </header>

    <!--内容-->
    <div class="content">
      <div class="video">
        <div class="title">
          <h2>精彩视频</h2>
        </div>
        <video src="视频.mp4" class="hm_vdo" loop autoplay controls muted width="100%"></video>
      </div>

    </div>
    <!--底部-->
    <footer>
      <p>海绵宝宝</p>
    </footer>
  </div>
</body>

</html>